<!DOCTYPE html>
<html>
<head>
  <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
  <meta charset="utf-8">
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <title>住建云-建设单位服务平台</title>
  <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
  <script src="../assets/plugins/jquery/jquery.min.js"></script>
  <link rel="stylesheet" href="register.css">
  <link rel="stylesheet" href="http://at.alicdn.com/t/font_1826341_a7mdm2b5z0d.css">
</head>

<body>
  <div>
    <div class="header">
      <img class="logo" src="logo_reg.png" alt="">
      <p class="text">住建云——建设单位服务平台</p>
    </div>
    <div class="reg_content">
      <h3>注册新账号</h3>
      <!--当前li添加active类名,已完成li添加passed类名删除active类名-->
      <ul class="subnav_process clearfix">
        <li class="passed">
          <i></i>
          <span class="text">填写注册信息</span>
          <span class="sign"> > </span></li>
        <li class="active">
          <i></i>
          <span class="text">账户信息验证</span>
          <span class="sign"> > </span></li>
        <li>
          <i></i>
          <span class="text">创建管理员</span>
        </li>
      </ul>
      <div class="regStep">
        <section class="first">
          <div class="mod-form-block">
            <label class="form-block-title" style="margin-top: 8px">类型：</label>
            <div class="form-block-text">
              <label class="frm_radio_label">
                <input type="radio" checked name="accType">
                <i class="icon_radio"></i>
                <span>企业/组织</span>
              </label>
              <label class="frm_radio_label">
                <input type="radio" name="accType">
                <i class="icon_radio"></i>
                <span>个人</span>
              </label>
              <label class="frm_radio_label">
                <input type="radio" name="accType">
                <i class="icon_radio"></i>
                <span>无统一社会信用代码的组织</span>
              </label>
              <i class="dtFont dtFont-help"></i>
              <div class="helpTips">
                无统一社会信用代码组织说明文案
                举例说明(鼠标遇见出现 移开消失)
              </div>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">名称：</label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="企业/组织输入企业全称，个人输入姓名">
              <p class="form-message"><!--名称不可以为空--></p>
            </div>
  
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">证件号码：</label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="企业/组织输入统一社会信用代码，个人输入身份证号">
              <p class="form-message"><!--证件号码不可以为空--></p>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">密码：</label>
            <div class="form-block-text">
              <input type="password" class="form-control bg-error" placeholder="请输入密码">
              <div class="pwdTips">
                <p>你的密码必须包含：</p>
                <p>至少6个字符</p>
                <p>大写或小写字母</p>
                <p CLASS="purple">至少一个数字或字符</p>
                <div class="strength red"></div>
              </div>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">确认密码：</label>
            <div class="form-block-text">
              <input type="password" class="form-control" placeholder="请重复密码">
              <p class="form-message">密码不能为空</p>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">验证码：</label>
            <div class="form-block-text">
              <input maxlength="12" type="text" class="form-control" placeholder="请输入验证码">
              <span class="yzm"></span>
              <p class="form-message"></p>
            </div>
          </div>
  
          <div class="tool_area">
            <label class="frm_checkbox_label">
              <input type="checkbox" />
              <i class="icon_checkbox"></i>
              <span>我同意并遵守
              <a class="underline" href="#">《住建云服务协议》</a>
              <a class="underline" href="#">《隐私政策》</a>
            </span>
            </label>
          </div>
        </section>
       
        <section class="second hidden">
          <!--选择类型为企业进入后显示-->
          <div class="hidden">
            <div class="mod-form-block">
              <label class="form-block-title">法人姓名：</label>
              <div class="form-block-text">
                <input type="text" class="form-control" placeholder="法人姓名">
                <p class="form-message"></p>
              </div>
            </div>
            <div class="mod-form-block">
              <label class="form-block-title">法人姓名：</label>
              <div class="form-block-text">
                <input type="text" class="form-control" placeholder="请输入身份证号码">
                <p class="form-message"></p>
              </div>
            </div>
          </div>
          <!--选择类型为人员进入后显示-->
          <div class="">
            <p class="text-center">微信扫码进行验证</p>
            <div class="WeChat">
            <!--放置微信二维码-->
              <img src="../assets/images/log-on/erweima.png" alt="">
            </div>
          </div>
        </section>
        
        <section class="third hidden">
          <p class="orange text-center">管理员拥有所有权限，设置后可使用管理员账号登录平台操作相关业务。</p>
          
          <div class="mod-form-block">
            <label class="form-block-title">姓名：</label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="管理员姓名">
              <p class="form-message"></p>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">身份证：</label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="管理员身份证号码">
              <p class="form-message"></p>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">密码：</label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="">
              <!--<p class="form-message">名称不可以为空</p>-->
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">确认密码：</label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="">
              <p class="form-message"></p>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">手机：</label>
            <div class="form-block-text">
              <input type="text" class="form-control" placeholder="输入绑定的手机号，此号码将作为管理员登录账号">
              <p class="form-message"></p>
            </div>
          </div>
  
          <div class="mod-form-block">
            <label class="form-block-title">验证码：</label>
            <div class="form-block-text">
              <input type="text" maxlength="12" class="form-control" placeholder="">
              <input class="sentMessage purple" type="button" value="发送验证码">
              <p class="form-message"></p>
            </div>
          </div>
        
        </section>
        
        <!--账号信息验证为二维码时按钮消失,当前所有表单项填写后按钮添加selected类名-->
        <button class="form-btn">继续</button>
        
        <!--创建管理员 已有账号？改为 跳过此步骤，-->
        <div class="cutLogin">
          <span>已有账号？</span>
          <a class="purple" href="#">直接登陆<i class="dtFont dtFont-denglu"></i></a>
        </div>
      </div>
    </div>
  </div>

  <script>
    $("form-btn").click(
    
    )
  </script>

</body>
</html>
